body,
html,
#app {
  height: 100%;
  width: 100%;
}
html {
  font-size: 14px;
  min-width: 800px;
}
body {
  margin: 0;
}
// 通过循环生成常用的margin padding值的class，（目前支持的值为2*1~2*20,可根据需要调整）
@for $i from 1 through 40 {
  .mt-#{$i*2} {
    margin-top: $i * 2px !important;
  }
  .mb-#{$i*2} {
    margin-bottom: $i * 2px !important;
  }
  .ml-#{$i*2} {
    margin-left: $i * 2px !important;
  }
  .mr-#{$i*2} {
    margin-right: $i * 2px !important;
  }
  .pt-#{$i*2} {
    padding-top: $i * 2px !important;
  }
  .pb-#{$i*2} {
    padding-bottom: $i * 2px !important;
  }
  .pl-#{$i*2} {
    padding-left: $i * 2px !important;
  }
  .pr-#{$i*2} {
    padding-right: $i * 2px !important;
  }
}

.text-align-center{
  text-align: center;
  vertical-align: bottom;
}
.pointer {
  cursor: pointer;
}
.block {
  display: block;
}
.fr {
  float: right;
}

.fl {
  float: left;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}